The Lawn Mower Eyetracking Pattern for Scanning Comparison Tables 草坪修剪機掃描模式與對比表格的設計

什麼是草坪機模式？

草坪機模式是一種使用者瀏覽對比表格的眼動模式，特點是視線從左上角的單元格開始，逐行掃描：從左到右瀏覽當前行；向下移動到下一行，從右到左瀏覽；迴圈往復。

這種模式的名字源於割草機的工作方式——從草坪一邊到另一邊，然後轉向割下一行草。

適用場景

草坪機模式主要用於對比多個產品或服務的表格中，特別是當使用者需要比較多個相鄰特性時。例外：

• 當使用者只關注某一特性（如價格）時，可能只掃描相關行。

• 當使用者比較兩個非相鄰產品時，掃描模式可能會有所調整。

快速評估階段

在進入草坪機模式之前，使用者通常會快速評估表格佈局，包括列標題、行標籤和部分內容。這一階段幫助使用者決定如何進行詳細閱讀。

案例：在CNET網站的一位使用者快速瀏覽Sonos One音箱的對比表後，採用草坪機模式掃描整個表格，但隨後僅關注Sonos One、Apple HomePod和Amazon Echo三列，忽略了其他部分。

草坪機模式的高效性

這種模式減少了視線的無效移動，是一種高效吸收資訊的方式。然而，表格設計不當可能會干擾這一模式，增加使用者的任務難度。

設計不良對草坪機模式的幹擾

案例1：IGN表格——冗長複雜且資訊不足使用者

問題：

表格過長：使用者時常忘記列標題的位置，需要退出草坪機模式，返回頂部確認標題，增加了認知負擔。

術語不清：如“4K”“Native 4K”和“8K支援”等術語讓使用者在兩列間反覆移動以理解含義。

佔位內容過多：表格中“TBA”（待公佈）等佔位內容佔據了多個單元格，導致使用者跳過部分行，最終放棄繼續掃描。

改進建議：

固定表頭：讓標題隨頁面滾動保持可見，避免頻繁返回頂部查詢。

術語解釋：提供術語說明或工具提示，減少使用者困惑。

移除佔位內容：將空白行集中在表格底部，或透過其他方式標註資訊不足。

案例2：Apple Watch表格——條理清晰但重複性高

使用者問題：

表格中重複資訊過多（如多個特性兩列內容相同），使用者在掃描時浪費了時間。

部分特性描述模糊（如“改進的陀螺儀”未說明具體改進之處）。

使用者評價：儘管有重複問題，對比表格仍被認為是高效工具，減少了逐頁查詢資訊的麻煩。

支援草坪機模式的設計建議

1. 固定表頭：在長表格中，固定表頭讓列標題始終可見，避免使用者頻繁中斷掃描模式返回頂部查詢標題。

2. 提供隱藏列的選項：當使用者只關注部分列時，允許隱藏其他列，幫助使用者更專注地瀏覽。

3. 獨立的單元格內容：確保單元格內容儘可能獨立，減少使用者對行標籤的依賴。Apple表格採用無行標籤設計，較好支援了草坪機模式；而CNET表格則因內容過於依賴標籤導致使用者頻繁中斷掃描。

4. 分組展示“是/否”特性：對於只有“是/否”或“√/×”值的特性，將這些特性分組，便於快速瀏覽。例如，Dropbox表格透過分組複選行簡化了使用者掃描路徑。

5. 合併重複內容：對多個產品共用的特性，使用跨列單元格表示，避免重複。例如，Xbox對比表格採用了跨列單元格的方式，減少了使用者掃描重複內容的時間。

6. 提供術語定義：在表格中新增術語工具提示或說明，幫助使用者快速理解複雜概念。Dropbox表格為“Smart Sync Auto-Evict”提供了懸停工具提示，顯著降低了使用者理解難度。

7. 避免無效佔位內容：避免表格中出現如“TBA”之類的佔位文字，若必須存在，可將其集中在表格底部，避免幹擾使用者正常掃描。